<!--
 * @Description  : 
 * @Version      : 1.0
 * @Author       : Shiming
 * @Date         : 2022-01-18 09:51:21
 * @LastEditors  : Shiming
 * @LastEditTime : 2022-01-20 17:03:34
 * @FilePath     : \\tms-obc-web\\src\\app\\routes\\financial-management\\components\\voucher-management\\voucher-detail\\voucher-detail.component.html
 * Copyright (C) 2022 huzhenhong. All rights reserved.
-->
<page-header-wrapper title="浏览" [logo]="logo">
    <ng-template #logo>
        <button nz-button nz-tooltip nzTooltipTitle="返回上一页" (click)="goBack()">
            <i nz-icon nzType="left" nzTheme="outline"></i>
        </button>
    </ng-template>
</page-header-wrapper>

<nz-card>
    <div se-container labelWidth="150" gutter="32" col="3">
        <se-title class="text-center font-weight-bold text-xl">记账凭证
            <!-- <button nz-button nzType="primary" [nzLoading]="service.http.loading" style="float: right;">打印</button> -->
        </se-title>
        <se label="帐套" required>
            {{info?.vcltdcode}} - {{info?.vcltdname}}
        </se>
        <se label="凭证类型" required>
            {{info?.vctype}}
        </se>
        <se label="凭证日期" required>
            {{info?.vctime}}
        </se>
    </div>

    <st #st [data]="info?.faShowVOList" [columns]="columns" [footer]="footerTpl" bordered
        [scroll]="{ x:'1200px',y: '420px' }" [page]="{ show: false }" [loading]="service.http.loading">
        <ng-template #footerTpl let-s>
            <ng-container *ngIf="st.count > 0">
                <div style="display: flex;justify-content: flex-end;">
                    <div style="flex: 1;" class="text-right font-weight-bold text-md">合计：</div>
                    <div style="width: 150px;" class="text-right">{{info?.drmoney | currency}}</div>
                    <div style="width: 150px;" class="text-right">{{info?.crmoney | currency}}</div>
                </div>
            </ng-container>
        </ng-template>

        <ng-template st-row="auxVOList" let-item let-index="index" let-column="column">
            <ng-container *ngFor="let auxVO of item.auxVOList">
                {{ auxVO.auxLabel }}: {{ auxVO.auxValue }} <br>
            </ng-container>
        </ng-template>
    </st>

    <sv-container labelWidth="150" gutter="32" class="mt-md">
        <sv label="摘要">
            {{info?.remarks}}
        </sv>
        <sv label="凭证流水号">
            {{info?.id}}
        </sv>
        <!-- <sv label="创建人">
            {{info?.createUserId}}
        </sv> -->
    </sv-container>

</nz-card>